<template>
	<div>		<el-container class="wrap">
			<el-header class="header">
				<el-row>
					<el-col :span="20">东软云HIS医疗管理信息系统</el-col>
					<el-col :span="4">
						<el-dropdown >
							<span class="el-dropdown-link">
								{{getuser.realname}}<i class="el-icon-arrow-down el-icon--right"></i>
							</span>
							<el-dropdown-menu slot="dropdown">
								<el-dropdown-item command="Personal">个人设置</el-dropdown-item>
								<el-dropdown-item command="Logout">退出</el-dropdown-item>
							</el-dropdown-menu>
						</el-dropdown>

					</el-col>
				</el-row>



			</el-header>
			<el-container>
				<el-aside width="260px" class="aside">


					<Menu></Menu>


				</el-aside>
				<el-main>
					<router-view></router-view>


				</el-main>
			</el-container>
		</el-container>





	</div>
</template>

<script>
	import Menu from '@/components/menu'
	import { mapGetters } from 'vuex'
	
	export default {
		name: 'Home',
		components: {
			Menu
		},
		data() {
			return {
				username:'',
			}
		},
		methods: {
			
		},
		computed:{
			...mapGetters(['getuser'])
		},
		created() {
			// console.log("登录用户:")
			// console.log(this.$store.getters.getuser);
			// this.username = this.$store.getters.getuser.realname
		}
	}
</script>

<style scoped>
	.el-dropdown-link {
		cursor: pointer;
		color: #fff;
	}

	.el-icon-arrow-down {
		font-size: 12px;
	}


	.wrap {
		height: 100vh;
	}

	.header {
		border-bottom: 1px solid #919191;
		line-height: 60px;
		font-size: 1.2rem;
		font-weight: bold;
		background-color: #71ABD3;
		color: #fff;
	}


	.aside {
		border-right: solid 1px black;
		background-color: #222D32;
	}
</style>
